<template>
    <!-- pages/study/ansQ/ansQ.wxml -->
    <view class="all">
        <form @submit.stop.prevent="formSubmit" @reset.stop.prevent="formReset" @submit="ansSubmit">
            <view class="info">
                <view>
                    <text>学校名称：{{ schookname }}</text>
                </view>
                <view>
                    <text>地区/国家：{{ loca }}</text>
                </view>
                <view>
                    <text>问题:</text>
                    <text>{{ Que }}</text>
                </view>
                <text>回答：</text>
            </view>

            <block v-for="(item, index) in Questions" :key="index">
                <view :data-post-id="item.postId" class="ansq">
                    <text>{{ item.info }}</text>
                </view>
            </block>
            <view class="info">
                <text>答题：</text>
                <textarea name="answer"></textarea>
            </view>
            <view class="btn-area">
                <button style="margin: 30rpx 0" type="primary" formType="submit">Submit</button>
                <button style="margin: 30rpx 0" formType="reset">Reset</button>
            </view>
        </form>
    </view>
</template>

<script>
// pages/study/ansQ/ansQ.js
import { Questions } from '../../../data/data';
export default {
    data() {
        return {
            schookname: 'CAU',
            loca: 'BeiJing',
            Que: '一个js文件就是一个JavaScripe的模块，我们定义的模块将数据存储在这里面加载数据后才',
            Questions: []
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (options) {
        this.setData({
            Questions
        });
        console.log(Questions);
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {
        formSubmit(e) {
            console.log('form发生了submit事件，携带数据为：', e.detail.value);
        },

        formReset(e) {
            console.log('form发生了reset事件，携带数据为：', e.detail.value);
        },

        ansSubmit: function (e) {
            this.setData({
                answer: e.detail.value.answer
            });
        },

        onGoToDetail() {}
    }
};
</script>
<style>
/* pages/study/ansQ/ansQ.wxss */
.ansq {
    border-bottom: solid 2rpx black;
    border-top: solid 2rpx black;
    width: 700rpx;
    margin: 10rpx;
}
.info {
    display: flex;
    flex-direction: column;
    margin: 20rpx 10rpx 20rpx 10rpx;
}
</style>
